/* ==================================================
   ScrollPane 基础样式
================================================== */
.scroll-pane {
    -fx-background-color: #f9f9f9;   /* 背景淡灰 */
    -fx-border-color: transparent;   /* 去掉边框 */
}

/* ==================================================
   表头（固定在顶部，与课程行无缝衔接）
================================================== */
.academic-course-header {
    -fx-padding: 8 12;                  /* 内边距（左右12，与课程行一致） */
    -fx-background-color: #d6eaff;      /* 淡灰背景 */
    -fx-border-color: #d6eaff;          /* 底部边框 */
    -fx-border-width: 0 0 1 0;
    -fx-min-height: 40px;               /* 行高 */
    -fx-alignment: center-left;         /* 左对齐 */
}

.academic-course-header .label {
    -fx-font-weight: bold;
    -fx-text-fill: #333;
    -fx-font-size: 14px;
}

/* ==================================================
   课程行容器（新增：控制课程行与详情链接的间距）
================================================== */
.course-row-container {
    -fx-padding: 0 12; /* 左右内边距12，与表头一致 */
}

/* ==================================================
   Accordion 中的课程行（优化与表头的视觉一致性）
================================================== */
.course-row {
    -fx-padding: 10 0;                 /* 上下内边距10，左右0（避免与容器内边距叠加） */
    -fx-background-color: #ffffff;      /* 白色背景 */
    -fx-alignment: center-left;
    -fx-min-height: 40px;               /* 行高与表头一致 */
}

.course-row:hover {
    -fx-background-color: #f5f7fa;      /* 悬停浅灰 */
}

/* 列样式（按表格列对齐，强化一致性） */
.course-id-label {
    -fx-font-size: 13px;
    -fx-text-fill: #555;
    -fx-alignment: center-left;
}

.course-name-label {
    -fx-font-size: 13px;
    -fx-text-fill: #333;
    -fx-font-weight: bold;
    -fx-alignment: center-left;
}

.course-credit-label {
    -fx-font-size: 13px;
    -fx-text-fill: #666;
    -fx-alignment: center;
}

.course-classcount-label {
    -fx-font-size: 13px;
    -fx-text-fill: #444;
    -fx-alignment: center-right;
}

/* ==================================================
   TitledPane 样式（核心：彻底隐藏箭头+优化边框）
================================================== */
/* 1. 隐藏默认箭头容器（优先级最高，覆盖Java代码设置） */
.custom-titled-pane > .title > .arrow-button {
    -fx-opacity: 0;         /* 箭头按钮透明 */
    -fx-pref-width: 0;      /* 箭头按钮宽度设为0 */
    -fx-pref-height: 0;     /* 箭头按钮高度设为0 */
}

/* 2. 隐藏箭头图形（双重保险） */
.custom-titled-pane > .title > .arrow-button > .arrow {
    -fx-opacity: 0;
    -fx-pref-width: 0;
    -fx-pref-height: 0;
}

/* 3. TitledPane标题区域样式（与课程行融合） */
.custom-titled-pane > .title {
    -fx-background-color: transparent; /* 透明背景，避免覆盖课程行背景 */
    -fx-border-color: #e6e6e6; /* 底部分隔线 */
    -fx-border-width: 0 0 1 0;
    -fx-padding: 0; /* 移除默认内边距，由课程行容器控制 */
    -fx-pref-width: 800;
}
    /* 与课程行
/* ==================================================
课程详情链接
================================================== */

    .detail-link {
        -fx-text-fill: #1E88E5; /* 蓝色 */
        -fx-underline: true; /* 下划线 */
        -fx-cursor: hand;
        -fx-font-size: 10px;
    }

    .detail-link:hover {
        -fx-text-fill: #1565C0; /* 深蓝 */
    }

    /* ==================================================
       卡片整体样式
    ================================================== */

    .card {
        -fx-padding: 12;
        -fx-background-color: #fafafa;
        -fx-border-color: #e0e0e0;
        -fx-border-width: 1;
        -fx-background-radius: 6; /* 圆角 */
        -fx-border-radius: 6;
        -fx-spacing: 8;
        -fx-alignment: top-left;
        -fx-max-width: 280px;
        -fx-min-width: 250px;
        -fx-pref-width: 270px;
    }

    /* 顶部教师姓名 */

    .card .teacher-name-label {
        -fx-font-weight: bold;
        -fx-font-size: 14px;
        -fx-text-fill: #333333;
    }

    /* 状态标签：冲突 / 已选 */

    .card .status-label {
        -fx-padding: 2 6;
        -fx-background-radius: 3;
        -fx-font-size: 12px;
    }

    .card .status-conflict {
        -fx-background-color: #FFCDD2;
        -fx-text-fill: #B71C1C;
    }

    .card .status-selected {
        -fx-background-color: #C8E6C9;
        -fx-text-fill: #1B5E20;
    }

    /* 课程信息：时间 / 地点 / 容量 */

    .card .info-label {
        -fx-font-size: 13px;
        -fx-text-fill: #555555;
        -fx-wrap-text: true;
    }

    /* ==================================================
       卡片按钮样式
    ================================================== */

    .card .detail-button {
        -fx-background-color: #e0e0e0;
        -fx-text-fill: #333333;
    }

    .card .action-button {
        -fx-background-color: #42A5F5;
        -fx-text-fill: white;
        -fx-background-radius: 15;
        -fx-border-radius: 15;
        -fx-padding: 6 12;
    }
    .card .danger-button {
        -fx-background-color: #E53935;  /* 红色背景 */
        -fx-text-fill: white;            /* 白色文字 */
        -fx-background-radius: 15;       /* 圆角 */
        -fx-border-radius: 15;
        -fx-padding: 6 12;               /* 内边距 */
    }

    .card .danger-button:hover {
        -fx-background-color: #C62828;  /* 深红色悬停效果 */
    }

    /* 卡片 HBox 对齐 */

    .card .top-row {
        -fx-spacing: 10px;
        -fx-alignment: center-left;
    }

    .card .bottom-row {
        -fx-spacing: 10px;
        -fx-alignment: center-right;
    }

    /* ==================================================
       透明边框按钮（如：查看学生名单）
    ================================================== */

    .transparent-button {
        -fx-background-color: transparent;
        -fx-border-color: #3399ff;
        -fx-text-fill: #3399ff;
        -fx-border-radius: 15;
        -fx-background-radius: 15;
        -fx-padding: 5 15 5 15;
    }

    .transparent-button:hover {
        -fx-background-color: #cce5ff;
    }

    /* ==================================================
       顶部工具栏
    ================================================== */

    .toolbar {
        -fx-background-color: #d6eaff; /* 淡蓝背景 */
        -fx-padding: 10px;
        -fx-spacing: 20px;
        -fx-alignment: center-left;
        -fx-min-height: 40px;
    }

    /* 工具栏按钮 */

    .toolbar-button {
        -fx-background-color: transparent;
        -fx-text-fill: black;
        -fx-font-size: 14px;
        -fx-font-weight: normal;
        -fx-cursor: hand;
        -fx-underline: false;
        -fx-min-height: 40px;
        -fx-padding: 0 10px;
        -fx-border-width: 0 0 2px 0;
        -fx-border-color: transparent;
    }

    .toolbar-button:hover {
        -fx-text-fill: #efba0c;
        -fx-border-color: #ffc60c;
    }

    .toolbar-button:pressed {
        -fx-background-color: rgba(0, 0, 0, 0.1);
    }

    /* ==================================================
       登出按钮（右上角）
    ================================================== */

    .logout-button {
        -fx-background-color: transparent;
        -fx-text-fill: white;
        -fx-font-size: 12px;
        -fx-font-weight: bold;
        -fx-cursor: hand;
        -fx-underline: false;
    }

    .logout-button:hover {
        -fx-text-fill: #e6c806;
        -fx-underline: true;
    }
/* ==================================================
   删除按钮（角落小红叉）
================================================== */
.delete-button
{
    -fx-background-color: #e53935;
    -fx-text-fill: white;
    -fx-font-weight: bold;
    -fx-background-radius: 50%;
    -fx-padding: 3 6;
    -fx-cursor: hand;
    -fx-effect: dropshadow(three-pass-box, rgba(0,0,0,0.2), 4, 0, 0, 1
            );
}

.delete-button:hover
{
    -fx-background-color: #c62828;
}

/* ==================================================
   对话框内按钮（保存/确认）
================================================== */
.button
{
    -fx-background-radius: 6;
    -fx-padding: 6 12;
    -fx-font-size: 13px;
}

.button:hover
{
    -fx-opacity: 0.9;
}
.delete-icon-button {
    -fx-background-color: transparent;
    -fx-text-fill: red;
    -fx-font-size: 14px;
    -fx-cursor: hand;
}
.delete-icon-button:hover {
    -fx-text-fill: darkred;
}
